import Vue from 'vue'
import VueRouter from 'vue-router'

const Home = () => import('views/Home.vue')
const Category = () => import('views/Category.vue')
const Fine = () => import('views/Fine.vue')
const ShopCart = () => import('views/ShopCart.vue')
const Profile = () => import('views/Profile.vue')
const Login = () => import('components/login/Login.vue')

Vue.use(VueRouter)

  const routes = [
    {
      path:'',
      redirect:'/home'
    },
    {
      path:'/home',
      component:Home
    },
    {
      path:'/category',
      component:Category
    },
    {
      path:'/fine',
      component:Fine
    },
    {
      path:'/shopcart',
      component:ShopCart
    },
    {
      path:'/profile',
      component:Profile,
    },
    {
      path:'/login',
      component:Login
    }
  ]

const router = new VueRouter({
  routes,
  mode:'history'
})

export default router
